<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/css/styles.css" />
		<link href="css/css/top_bar.css" rel="stylesheet" type="text/css">
		<title>创建分类</title>
	</head>
	<body>
		<div class="header">
		  <div class="row" id="top_bar">
		    <div class="fixed_div">  <!-- fixed_div -->
		      <div class="webTitle">
		        <a href="/index.html">
		          <img src="image/art_logo.png">
		        </a>
		      </div>
		      <div class="search">
		        <img src="image/search.png">
		        <input type="text" placeholder="搜索画室、标签">
		      </div>
		      <div class="switch-pages">
		        <a href="/index.html"><span class="top_btn">首页</span></a>
		        <a href="/Q&A.html"><span class="top_btn">问答</span></a>
		        <a href="/gallery.html"><span class="top_btn active">资料</span></a>
		      </div>
		      <div class="operation-btns">
		        <span class="log_reg" data-toggle="modal" data-target="#logModal">登录</span>
		        <span class="log_reg" data-toggle="modal" data-target="#regModal">注册</span>
		        <div class="user">
		          <div class="avatar_userName">
		            <a href="/Info.html">
		              <div class="log_avatar">
		                <img src="image/emptyAvatar.jpg"> 
		              </div>  
		              <span class="userName">name</span>
		            </a> 
		          </div>

		          <div class="hidden_first">
		            <div class="triangle"></div>  
		            <div class="user-list">
		              <div class="updateInfo" data-toggle="modal" data-target="#updateInfoModal">
		                <a href="/updateUserInfo.html">修改资料</a>
		              </div>
		              <div class="changePass" data-toggle="modal" data-target="#changePassModal">修改密码</div>
		              <div class="quit">退出</div>
		            </div>
		          </div>
		        </div>
		      </div> 
		    </div>
		  </div>
		  <!-- logModal -->
		  <div class="modal fade" id="logModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

		    <div class="modal-dialog">
		      <div class="modal-content">
		        <div class="closeModal" data-dismiss="modal">
		          <img src="image/CLOSE.png">
		        </div>
		        <div class="input-line">
		          <img src="image/email.png" class="account-img">
		          <input type="text" id="logAccount" placeholder="输入账号"/>
		        </div>
		        <div class="error"></div>
		        <div class="input-line">
		          <img src="image/lock.png" class="password-img">
		          <input type="password" id="logPassword" placeholder="输入密码"/>
		        </div>           
		        <div class="error"></div>

		        <div class="submit-holder">
		          <img class="main-submit" src="image/login.png">
		        </div>
		        <div class="other_login">
		          <img src="image/weibo.jpg">
		          <span>其它登录：</span>
		        </div>
		      </div>
		    </div>        
		  </div>

		  <!-- regModal -->
		  <div class="modal fade" id="regModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		      <div class="modal-content">
		        <div class="closeModal" data-dismiss="modal">
		          <img src="image/CLOSE.png">
		        </div>

		        <div class="input-line">
		          <div class="labels">
		            <span>手机号码</span>
		          </div>
		          <input type="text" id="regPhone" class="short" placeholder="输入手机号码"/>
		          <img class="getCode" src="image/getCode.png">
		        </div>
		        <div class="error"></div>
		        <div class="input-line">
		          <div class="labels">
		            <span>验证码</span>
		          </div>
		          <input type="text" id="regCode" placeholder="输入手机验证码"/>
		        </div>
		        <div class="error"></div>
		        <div class="input-line">
		          <div class="labels">
		            <span>密码</span>
		          </div>
		          <input type="password" id="regPassword" placeholder="输入密码"/>
		        </div>           
		        <div class="error"></div>
		        <div class="input-line">
		          <div class="labels">
		            <span>密码</span>
		          </div>
		          <input type="password" id="regPassword2" placeholder="再次输入密码"/>
		        </div>           
		        <div class="error"></div>
		        <div class="submit-holder">
		          <img class="main-submit" src="image/reg.png">
		        </div>
		      </div>
		    </div>        
		  </div>

		  <!-- changePassModal -->
		  <div class="modal fade" id="changePassModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

		    <div class="modal-dialog">
		      <div class="modal-content">

		        <div class="input-line">
		          <input type="password" id="oldPassword" placeholder="输入旧密码"/>
		        </div>
		        <div class="error"></div>
		        <div class="input-line">
		          <input type="password" id="changePassword1" placeholder="输入新密码"/>
		        </div>           
		        <div class="error"></div>
		        <div class="input-line">
		          <input type="password" id="changePassword2" placeholder="确认新密码"/>
		        </div>           
		        <div class="error"></div>

		        <div class="submit-holder">
		          <img class="quit" src="image/cancel.png" data-dismiss="modal">
		          <img class="main-submit" src="image/confirm.png">
		        </div>
		      </div>
		    </div>        
		  </div> 
		</div>
		<div class="container">
			<div id="listBox"></div>
		</div>

		<div class="footer">
		  <div class="footerContent">
		    <ul class="footerList">
		      <li><a href="#">关于我们</a></li>
		      <li><a href="#">联系我们</a></li>
		      <li><a href="#">广告业务</a></li>
		    </ul>
		    <p class="icp">京备123号</p>
		    <h2>美术帮</h2>
		  </div>
		</div>
	</body>
	<!--template-->
	<script id="list" type="text/x-handlebars-template">
	<div class="row">
	  <div class="col-md-10 col-lg-10 col-sm-10">
	    <div class="listItemGroup">
	      {{#each this}}
	      <div class="listItem">
	        <a href={{this.href}} >
	          <div class="campusImg">
	            <img src={{this.icon}} alt=""/>
	          </div>
	          {{this.name}}
	          <span class="publishDate">{{this.date}}</span>
	        </a>
	      </div>
	      {{/each}}
	    </div>
	  </div>
	</div>

	</script>
	<script src="js/thirdparty/require.js" data-main="js/createIndex"></script>
</html>